*{
    margin: 0;
    padding: 0;
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
#wrapper{
    width:100%;
}
#Y-description{
    width: 100%;
    height: 6%;
}
#Y-videoID{
    width: 60%;
    height: 11%;
    font-family: 微软雅黑;
    font-size: 20px;
    font-weight: bold;
}
#Y-video-content{
    width: 55%;
    height: 55%;
}
#Y-video-direction-control{
    width: 14%;
    height:28%;
    background-image: url('../pictures/crossSelected.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left:3%;
}
#Y-video-direction-control .direction{
    width: 33.3%;
    height:33.3%;
    float: left;
}
#Y-video-Speed{
    width: 42%;
    height: 7%;
}
#Y-video-Speed #slider{
    float: left;
    width: 60%;
    margin-left: 5%;
}
#Y-video-Speed #selector{
    margin-left: 2px;
    width:5%;
}
#Y-video-vision-control{
    width: 15%;
    height: 20%;
}
#Y-video-vision-control #videoControlButton{
    width: 100%;
    height: 80%;
    position: relative;
    left: 20%;
    top: 5%;
    margin: 1%;
}
#Y-video-vision-control #videoControlButton #t11{
    background-image: url('../pictures/enlarge.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#Y-video-vision-control #videoControlButton #t12{
    background-image: url('../pictures/focus+.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#Y-video-vision-control #videoControlButton #t13{
    background-image: url('../pictures/reset.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#Y-video-vision-control #videoControlButton #t21{
    background-image: url('../pictures/narrow.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#Y-video-vision-control #videoControlButton #t22{
    background-image: url('../pictures/focus-.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#Y-video-vision-control #videoControlButton #t23{
    background-image: url('../pictures/stop.png');
    background-size: contain;
    background-repeat: no-repeat;
}
#Y-video-state-control{
    width: 20%;
    height: 20%;
    margin-left: 8%;
    font-family: 微软雅黑;
    font-size: 20px;
    font-weight: bold;
}
#Y-carID{
    width: 40%;
    height: 11%;
    font-family: 微软雅黑;
    font-size: 20px;
    font-weight: bold;
}
#Y-car-direction-control{
    width: 40%;
    height: 15%;
}
#Y-car-direction-control #back{
    margin-left: 20%;
    background-image:url('../pictures/back.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
    height: 70%;
    float: left;
}
#Y-car-direction-control #stop{
    background-image:url('../pictures/carstop.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
    height: 70%;
    float: left;
}
#Y-car-direction-control #go{
    background-image:url('../pictures/carforward.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
    height: 70%;
    float: left;
}
#Y-car-state-control{
    width: 40%;
    height: 30%;
    font-family: 微软雅黑;
    font-size: 20px;
    font-weight: bold;
}
#Y-car-state-control #mod{
    float: left;
}
#Y-car-state-control #icon1{
    background-image: url('../pictures/manual.png');
    height: 20%;
    width: 50%;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
#Y-car-state-control #state{
    float: left;
    background-image: url('../pictures/false2.png')
}
#Y-car-state-control #icon2{
    height: 20%;
    width: 50%;
    margin-left: 20%;
}
#Y-car-state-control #icon3{
    height: 20%;
    width: 50%;
    margin-left: 20%;
}
#Y-car-state-control #location{
    float: left;
}
#Y-car-location{
    width: 40%;
    height: 40%;
    background-image: url('../pictures/carposition.png');
    background-size: contain;
    background-repeat: no-repeat;
}